<template>
    <button @click="greet">Greet</button>
</template>

<script setup>
import {ref, reactive} from 'vue'
const name = ref('Vue.js')
const name2 = ref('Vue.js')

function greet(event) {
    alert(`Hello ${name.value}!`)
    alert('Hello' + name2.value + '!')
    // `event` 是 DOM 原生事件
    if (event) {
        console.log(event)
        alert(event.target.tagName)
        // 方法事件处理器会自动接收原生 DOM 事件并触发执行。在上面的例子中，我们能够通过被触发事件的 event.target.tagName 访问到该 DOM 元素。
    }
}
</script>